function abrirVentana(codigo){
    window.open('./comentarioPagina.jsp?codigo='+codigo,'Comentario','scrollbars=1,toolbar=0,location=1,menubar=0,resizable=0,width=350,height=350');
}

var instancia_ventana_flotante=new Array();

function ventanaFlotante(parametros)
{
	this.indice=instancia_ventana_flotante.length;
	this.cuerpo=document.getElementsByTagName('body')[0];
	this.sombra=document.createElement('div');
	this.contenido=document.createElement('div');
	this.cargando=document.createElement('div');
	this.btnCerrar=document.createElement('div');
	this.cargando.innerHTML='<img src="../img/loading.gif" /><br /><br />Cargando...';
	this.cargando.id='cargandoVF';
	this.sombra.id='sombraVF';
	this.contenido.id='contenidoVF';
	this.btnCerrar.id='cerarVF';
	this.cuerpo.appendChild(this.sombra);
	this.cuerpo.appendChild(this.contenido);
	this.cuerpo.appendChild(this.cargando);
	this.cuerpo.appendChild(this.btnCerrar);

	instancia_ventana_flotante.push(this);

	$('#sombraVF').css({
		position:'absolute',
		width:'100%',
		height:'100%',
		top:'0px',
		left:'0px',
		backgroundColor:parametros.color || '#000',
		display:'none',
		zIndex:'1500'
	})

	$('#cerarVF').css({
		cursor:'pointer',
		position:'absolute',
		zIndex:'2002',
		visibility:'hidden',
		width:'auto',
		height:'auto'
	})

	$('#cargandoVF').css({
		position:'absolute',
		visibility:'hidden',
		textAlign:'center',
		color:'#CCC',
		zIndex:'2000',
		width:'auto',
		height:'auto',
		fontFamily:'Verdana, Geneva, sans-serif',
		fontSize:'11px',
		top:'0px',
		left:'0px'
	});

	$('#cargandoVF').css({
			marginLeft:Math.round(($(window).width()-$('#cargandoVF').width())/2),
			marginTop:Math.round(($(window).height()-$('#cargandoVF').height())/2)
	});

	$('#contenidoVF').css({
			width:'500px',
			height:'500px',
			position:'absolute',
			zIndex:'2001',
                        background: '#fff'
	})

	eval("$('#cerarVF').click(function(){instancia_ventana_flotante["+this.indice+"].cerrar()})");

	this.cargar=function(_parametros)
	{
		var cerrar=_parametros.imgCerrar || "../img/cerrar.png";
		this.btnCerrar.innerHTML='<img src="'+cerrar+'" />';
		var x_cerrar=_parametros.x_cerrar || 0;
		var y_cerrar=_parametros.y_cerrar || 0;
		$('#cargandoVF').css('display', 'block');
		$("#sombraVF").fadeTo(500, 0.8, function(){ $('#cargandoVF').css('visibility', 'visible')} );
		$('#contenidoVF').load(_parametros.url, function()
		{
			var x_v=Math.round(($(window).width()-$('#contenidoVF').width())/2);
			var y_v=Math.round(($(window).height()-$('#contenidoVF').height())/2);
			var x_c=$('#contenidoVF').width()+x_v+x_cerrar;
			var y_c=y_v+y_cerrar;
			document.getElementById('contenidoVF').style.top=y_v+'px';
			document.getElementById('contenidoVF').style.left=x_v+'px';
			document.getElementById('cerarVF').style.top=y_c+'px';
			document.getElementById('cerarVF').style.left=x_c+'px';

			$('#cerarVF').css('visibility', 'visible');
			$('#cargandoVF').css('display', 'none');
                        $('#contenidoVF').css('display', 'block');
			if (typeof parametros.funcion=='function')
				parametros.funcion(true);

		});
	}

	this.cerrar=function()
	{
		$('#cerarVF').css('visibility', 'hidden');
		document.getElementById('contenidoVF').innerHTML='';
                $('#contenidoVF').css('display', 'none');
		$("#sombraVF").fadeTo(500, 0, function(){ $("#sombraVF").css('display', 'none'); if (typeof parametros.funcion=='function'){ parametros.funcion(false) } });
	}
}

var vf;//definir una variable
$(document).ready(function(){

	vf=new ventanaFlotante({color:'#000000'});//instanciar la clase, color es el color de fondo, el predeterminado es negro
});

function abrirLogin()
{
	vf.cargar({url:'./Login.jsp', x_cerrar:-20, y_cerrar:-15});
	/*manera de llamar al archivo que quieres que que se muestre,
	x_cerrar e y_cerrar son algunos pixeles para posicionar el boton de cerrar,
	el boton de cerrar siempre aparece en la esquina superior derecha,
	y en este caso yp quise moverlo de su posicion predeterminada 30 pixeles a la izquierda y dos hacia abajo
	*/
}

function cerraLogin(){
    vf.cerrar();
}